// 左边添加事件
function ClckLeft1() {
    var txt = $(`<div class="Child-check cleft${i}">
                        <div class="ChildC-input">
                            <input type="radio" name="tex" id="for${i}" class="input" onclick="check('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"><span></span>
                        </div>
                        <label for="for${i}"><img src="images/qipao1.png" alt=""> </label>
                        <div class="ChildC-fenl"><img src="images/fenlei.png" alt=""></div>
                    </div>`);
    $('#div5').append(txt);
}
function ClckLeft2() {
    var txt = $(`<div class="Child-check cleft${i}">
                        <div class="ChildC-input">
                            <input type="radio" name="tex" id="for${i}" class="input" onclick="check('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"><span></span>
                        </div>
                        <label for="for${i}"><img src="images/mj.png" alt=""> </label>
                        <div class="ChildC-fenl"><img src="images/fenlei.png" alt=""></div>
                    </div>`);
    $('#div5').append(txt);
}
function ClckLeft3() {
    var txt = $(`<div class="Child-check cleft${i}">
                        <div class="ChildC-input">
                            <input type="radio" name="tex" id="for${i}" class="input" onclick="check('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"><span></span>
                        </div>
                        <label for="for${i}"><img src="images/zhutu.png" alt=""> </label>
                        <div class="ChildC-fenl"><img src="images/fenlei.png" alt=""></div>
                    </div>`);
    $('#div5').append(txt);
}
function ClckLeft4() {
    var txt = $(`<div class="Child-check cleft${i}">
                        <div class="ChildC-input">
                            <input type="radio" name="tex" id="for${i}" class="input" onclick="check('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"><span></span>
                        </div>
                        <label for="for${i}"><img src="images/yuan.png" alt=""> </label>
                        <div class="ChildC-fenl"><img src="images/fenlei.png" alt=""></div>
                    </div>`);
    $('#div5').append(txt);
}
function ClckLeft5() {
    var txt = $(`<div class="Child-check cleft${i}">
                        <div class="ChildC-input">
                            <input type="radio" name="tex" id="for${i}" class="input" onclick="check('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"><span></span>
                        </div>
                        <label for="for${i}"><img src="images/ddwb.png" alt=""> </label>
                        <div class="ChildC-fenl"><img src="images/fenlei.png" alt=""></div>
                    </div>`);
    $('#div5').append(txt);
}
function ClckLeft6() {
    var txt = $(`<div class="Child-check cleft${i}">
                        <div class="ChildC-input">
                            <input type="radio" name="tex" id="for${i}" class="input" onclick="check('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"><span></span>
                        </div>
                        <label for="for${i}"><img src="images/map1.png" alt=""> </label>
                        <div class="ChildC-fenl"><img src="images/fenlei.png" alt=""></div>
                    </div>`);
    $('#div5').append(txt);
}
// 中间添加事件
function ClckCenter1() {
    var div = $(`<div class='dragable tu${i}' id="pin${i}" onclick="change('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"></div>`);
    $('#container').append(div);
    div.append(`<div class="XY"></div>
                <div class="title" id="title${i}"></div>
                <div class="contt">
                    <div class="div">
                        <div class="map" style="width:100%;height:100%;" id="map${i}" ></div>
                    </div>
                    <img src="./images/del.png" class="img">
                </div>`)
}
function ClckCenter2() {
    var div = $(`<div class='dragable tu${i}' id="pin${i}" onclick="change('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"></div>`);
    $('#container').append(div);
    div.append(`<div class="XY"></div>
                <div class="title" id="title${i}"></div>
                <div class="contt">
                    <div class="div">
                        <div class="c1" style="width:100%;height:100%;" id="c1${i}" ></div>
                    </div>
                    <img src="./images/del.png" class="img">
                </div>`)
}
function ClckCenter3() {
    var div = $(`<div class='dragable tu${i}' id="pin${i}" onclick="change('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"></div>`);
    $('#container').append(div);
    div.append(`<div class="XY"></div>
                <div class="title" id="title${i}"></div>
                <div class="contt">
                    <div class="div">
                        <div class="myMain" style="width:100%;height:100%;" id="myMain${i}" ></div>
                    </div>
                    <img src="./images/del.png" class="img">
                </div>`)
}
function ClckCenter4() {
    var div = $(`<div class='dragable tu${i}' id="pin${i}" onclick="change('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"></div>`);
    $('#container').append(div);
    div.append(`<div class="XY"></div>
                <div class="title" id="title${i}"></div>
                <div class="contt">
                    <div class="div">
                        <div class="huan" style="width:100%;height:100%;" id="huan${i}" ></div>
                    </div>
                    <img src="./images/del.png" class="img">
                </div>`)
}
function ClckCenter5() {
    var div = $(`<div class='dragable tu${i}' id="pin${i}" onclick="change('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"></div>`);
    $('#container').append(div);
    div.append(`<div class="XY"></div>
                <div class="contt">
                    <div class="Safe-kk">
                        <div class="title" id="title${i}"></div>
                        <ul class="SafeL-head">
                            <li>
                                <p>1.932</p>
                                <p>场景总量</p>
                            </li>
                            <li>
                                <p>1.932</p>
                                <p>对象总量</p>
                            </li>
                            <li>
                                <p>1.932</p>
                                <p>点位总量</p>
                            </li>
                        </ul>
                        <ul class="SafeL-nav">
                            <li>
                                <div class="SafeL-ti">今年预警总量</div>
                                <div class="SafeL-bottom">
                                    <h6>22,990</h6>
                                    <div class="SafeLb-right">
                                        <p>今日新增</p>
                                        <div class="pic">
                                            <p>33</p>
                                            <img src="images/up.png" alt="">
                                        </div>

                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="SafeL-ti">今年预警总量</div>
                                <div class="SafeL-bottom">
                                    <h6>22,990</h6>
                                    <div class="SafeLb-right">
                                        <p>今日新增</p>
                                        <div class="pic">
                                            <p>33</p>
                                            <img src="images/up.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <img src="./images/del.png" class="img">
                </div>`)
}
function ClckCenter6() {
    var div = $(`<div class='dragable tu${i}' id="pin${i}" onclick="change('for${i}','pin${i}','Rigth${i}'),textAll('title${i}','rigc${i}')"></div>`);
    $('#container').append(div);
    div.append(`<div class="XY"></div>
                <div class="title" id="title${i}"></div>
                <div class="contt">
                    <div class="div">
                        <div class="map" style="width:100%;height:100%;" id="map${i}" ></div>
                    </div>
                    <img src="./images/del.png" class="img">
                </div>`)
}
// 右边添加事件

function ClckRight() {
    var rig = $(`<div class="Menv" id="Rigth${i}">
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">全局文本配置</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体大小</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="14" class="textSize">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>字体</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">微软雅黑</option>
                                                <option value="">宋体</option>
                                                <option value="">隶书</option>
                                                <option value="">黑体</option>
                                                <option value="">幼圆</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体粗细</div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">常规</option>
                                                <option value="">粗</option>
                                                <option value="">特粗</option>
                                                <option value="">细</option>
                                                <option value="">100</option>
                                                <option value="">200</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">标题</h2>
                            <div class="layui-colla-content layui-show rigc-title">
                                <div class="layui-fluid Title" id="rigc${i}">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示标题</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" checked="checked" value="4"
                                                   class="lcs_check" autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">标题内容</div>
                                        <div class="layui-col-md8">
                                            <input type="text" onblur="textAll('title${i}','rigc${i}')" value="标椎柱状图" class="inputText">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">水平位置</div>
                                        <div class="layui-col-md8">
                                            <select class="inputAlign" onblur="textAll('title${i}','rigc${i}')">
                                                <option value="alignCenter">居中</option>
                                                <option value="alignLeft" selected="selected">居左</option>
                                                <option value="alignRight">居右</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">垂直位置</div>
                                        <div class="layui-col-md8">
                                            <select class="inputVAlign" onblur="textAll('title${i}','rigc${i}')" >
                                                <option value="valignCenter">居中</option>
                                                <option value="valignTop" selected="selected">居上</option>
                                                <option value="valignBottom">居下</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体大小</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="16" class="inputSize" onblur="textAll('title${i}','rigc${i}')">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" id="inputColor" onblur="textAll('title${i}','rigc${i}')"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">标题链接</div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="" onblur="textAll('title${i}','rigc${i}')">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">打开方式</div>
                                        <div class="layui-col-md8">
                                            <select onblur="textAll('title${i}','rigc${i}')">
                                                <option value="">在新窗口打开</option>
                                                <option value="">在当前窗口打开</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">图例</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>是否显示</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">图例标记宽度</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="25">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">图例标记高度</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="14">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">列表布局方向</div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">水平</option>
                                                <option value="">垂直</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">水平位置</div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">居中</option>
                                                <option value="">居左</option>
                                                <option value="" selected="selected">居右</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">垂直位置</div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">居中</option>
                                                <option value="" selected="selected">居上</option>
                                                <option value="">居下</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体大小</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">数据区域缩放</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>显示数据区域缩放</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">x轴</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示x轴</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" checked="checked" value="4"
                                                   class="lcs_check" autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示轴线</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否反向坐标轴</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示刻度</span></div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" checked="checked" value="4"
                                                   class="lcs_check" autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">刻度与标签对齐</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" checked="checked" value="4"
                                                   class="lcs_check" autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示分割线</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">x轴最小值</div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="dataMin">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">x轴最大值</div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="dataMax">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">坐标轴标签间隔</div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">强制显示所有</option>
                                                <option value="">隔1个标签显示一个标签</option>
                                                <option value="">隔2个标签显示一个标签</option>
                                                <option value="">隔3个标签显示一个标签</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">坐标轴标签旋转角度</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="0">
                                        </div>
                                        <div class="layui-col-md2">度</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">x轴名称</div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="星期">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>标签格式器</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="{value}">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体大小</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="12">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">轴线颜色</div>
                                        <div class="layui-col-md3">
                                            <input class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">标签颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">启用坐标轴分割</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">y轴</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示x轴</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" checked="checked" value="4"
                                                   class="lcs_check" autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示轴线</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否反向坐标轴</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示刻度</span></div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" checked="checked" value="4"
                                                   class="lcs_check" autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">刻度与标签对齐</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" checked="checked" value="4"
                                                   class="lcs_check" autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否显示分割线</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">y轴最小值</div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="dataMin">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">y轴最大值</div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="dataMax">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">坐标轴标签间隔</div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">强制显示所有</option>
                                                <option value="">隔1个标签显示一个标签</option>
                                                <option value="">隔2个标签显示一个标签</option>
                                                <option value="">隔3个标签显示一个标签</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">坐标轴标签旋转角度</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="0">
                                        </div>
                                        <div class="layui-col-md2">度</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">y轴名称</div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="星期">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>标签格式器</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="{value}">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体大小</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="12">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">轴线颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">标签颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">启用坐标轴分割</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">背景</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">背景颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">系列样式配置</h2>
                            <div class="layui-colla-content">
                                <div class="layui-collapse">
                                    <div class="layui-colla-item">
                                        <h2 class="layui-colla-title">最高气温系列样式</h2>
                                        <div class="layui-colla-content">
                                            <div class="layui-fluid">
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">系列颜色</div>
                                                    <div class="layui-col-md3">
                                                        <input class="mycolor colorPicker evo-cp0" />
                                                    </div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">
                                                        <i class="iconfont">&#xe616;</i><span>不同系列柱间间距</span>
                                                    </div>
                                                    <div class="layui-col-md8">
                                                        <input type="text" value="30%">
                                                    </div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">柱条宽度</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="30">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">左上圆角</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="0">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">右上圆角</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="0">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">右下圆角</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="0">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">坐下圆角</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="0">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-colla-item">
                                        <h2 class="layui-colla-title">最低气温系列样式</h2>
                                        <div class="layui-colla-content">
                                            <div class="layui-fluid">
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">系列颜色</div>
                                                    <div class="layui-col-md3">
                                                        <input  class="mycolor colorPicker evo-cp0" />
                                                    </div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">
                                                        <i class="iconfont">&#xe616;</i><span>不同系列柱间间距</span>
                                                    </div>
                                                    <div class="layui-col-md8">
                                                        <input type="text" value="30%">
                                                    </div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">柱条宽度</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="30">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">左上圆角</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="0">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">右上圆角</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="0">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">右下圆角</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="0">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                                <div class="layui-row">
                                                    <div class="layui-col-md4">坐下圆角</div>
                                                    <div class="layui-col-md6">
                                                        <input type="text" value="0">
                                                    </div>
                                                    <div class="layui-col-md2">像素</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">图表轮播设置</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否轮播</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">轮播间隔</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="2000">
                                        </div>
                                        <div class="layui-col-md2">毫秒</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">参考线设置</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row cankx">
                                        <div class="layui-col-md4">增加参考线</div>
                                        <div class="layui-col-md8">
                                            <i class="iconfont">&#xe617;</i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">视觉映射设置</h2>
                            <div class="layui-colla-content ">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>显示映射标签</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>使用数据维度</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">维度1</option>
                                                <option value="">维度2</option>
                                                <option value="">维度3</option>
                                                <option value="">维度4</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-collapse">
                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">标签样式</h2>
                                            <div class="layui-colla-content">
                                                <div class="layui-fluid">
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">标签文本颜色</div>
                                                        <div class="layui-col-md3">
                                                            <input  class="mycolor colorPicker evo-cp0" />
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">标签水平位置</div>
                                                        <div class="layui-col-md8">
                                                            <select>
                                                                <option value="">居中</option>
                                                                <option value="">居左</option>
                                                                <option value="" selected="selected">居右</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">标签垂直位置</div>
                                                        <div class="layui-col-md8">
                                                            <select>
                                                                <option value="">居中</option>
                                                                <option value="" selected="selected">居上</option>
                                                                <option value="">居下</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-row cankx">
                                        <div class="layui-col-md3">起始值</div>
                                        <div class="layui-col-md3">结束值</div>
                                        <div class="layui-col-md3">颜色</div>
                                        <div class="layui-col-md3">
                                            <i class="iconfont">&#xe617;</i>
                                        </div>
                                    </div>
                                    <div class="layui-collapse">
                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">值范围0-20样式</h2>
                                            <div class="layui-colla-content">
                                                <div class="layui-fluid">
                                                    <div class="layui-row fw">
                                                        <div class="layui-col-md4"><input type="text" value="0"></div>
                                                        <div class="layui-col-md4"><input type="text" value="20"></div>
                                                        <div class="layui-col-md3">
                                                            <input  class="mycolor colorPicker evo-cp0" />
                                                        </div>
                                                        <div class="layui-col-md1"><i class="iconfont">&#xe84f;</i>
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形标记</span>
                                                        </div>
                                                        <div class="layui-col-md8">
                                                            <input type="text" placeholder="您想要搜什么？">
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形大小</span>
                                                        </div>
                                                        <div class="layui-col-md6">
                                                            <input type="text" value="">
                                                        </div>
                                                        <div class="layui-col-md2">像素</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">值范围20-40样式</h2>
                                            <div class="layui-colla-content">
                                                <div class="layui-fluid">
                                                    <div class="layui-row fw">
                                                        <div class="layui-col-md4"><input type="text" value="0"></div>
                                                        <div class="layui-col-md4"><input type="text" value="20"></div>
                                                        <div class="layui-col-md3">
                                                            <input  class="mycolor colorPicker evo-cp0" />
                                                        </div>
                                                        <div class="layui-col-md1"><i class="iconfont">&#xe84f;</i>
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形标记</span>
                                                        </div>
                                                        <div class="layui-col-md8">
                                                            <input type="text" placeholder="您想要搜什么？">
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形大小</span>
                                                        </div>
                                                        <div class="layui-col-md6">
                                                            <input type="text" value="">
                                                        </div>
                                                        <div class="layui-col-md2">像素</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">值范围40-60样式</h2>
                                            <div class="layui-colla-content">
                                                <div class="layui-fluid">
                                                    <div class="layui-row fw">
                                                        <div class="layui-col-md4"><input type="text" value="0"></div>
                                                        <div class="layui-col-md4"><input type="text" value="20"></div>
                                                        <div class="layui-col-md3">
                                                            <input class="mycolor colorPicker evo-cp0" />
                                                        </div>
                                                        <div class="layui-col-md1"><i class="iconfont">&#xe84f;</i>
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形标记</span>
                                                        </div>
                                                        <div class="layui-col-md8">
                                                            <input type="text" placeholder="您想要搜什么？">
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形大小</span>
                                                        </div>
                                                        <div class="layui-col-md6">
                                                            <input type="text" value="">
                                                        </div>
                                                        <div class="layui-col-md2">像素</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">值范围60-80样式</h2>
                                            <div class="layui-colla-content">
                                                <div class="layui-fluid">
                                                    <div class="layui-row fw">
                                                        <div class="layui-col-md4"><input type="text" value="0"></div>
                                                        <div class="layui-col-md4"><input type="text" value="20"></div>
                                                        <div class="layui-col-md3">
                                                            <input  class="mycolor colorPicker evo-cp0" />
                                                        </div>
                                                        <div class="layui-col-md1"><i class="iconfont">&#xe84f;</i>
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形标记</span>
                                                        </div>
                                                        <div class="layui-col-md8">
                                                            <input type="text" placeholder="您想要搜什么？">
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形大小</span>
                                                        </div>
                                                        <div class="layui-col-md6">
                                                            <input type="text" value="">
                                                        </div>
                                                        <div class="layui-col-md2">像素</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-colla-item">
                                            <h2 class="layui-colla-title">值范围80-100样式</h2>
                                            <div class="layui-colla-content">
                                                <div class="layui-fluid">
                                                    <div class="layui-row fw">
                                                        <div class="layui-col-md4"><input type="text" value="0"></div>
                                                        <div class="layui-col-md4"><input type="text" value="20"></div>
                                                        <div class="layui-col-md3">
                                                            <input  class="mycolor colorPicker evo-cp0" />
                                                        </div>
                                                        <div class="layui-col-md1"><i class="iconfont">&#xe84f;</i>
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形标记</span>
                                                        </div>
                                                        <div class="layui-col-md8">
                                                            <input type="text" placeholder="您想要搜什么？">
                                                        </div>
                                                    </div>
                                                    <div class="layui-row">
                                                        <div class="layui-col-md4">
                                                            <i class="iconfont">&#xe616;</i><span>图形大小</span>
                                                        </div>
                                                        <div class="layui-col-md6">
                                                            <input type="text" value="">
                                                        </div>
                                                        <div class="layui-col-md2">像素</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">工具栏</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>是否显示工具栏</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">提示框组件</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">数据显示</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>浮层内容格式器</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <input type="text" value="{a}<br/>{b}:{c}">
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>触发类型</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">坐标轴触发</option>
                                                <option value="">数据项触发</option>
                                                <option value="">不触发</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体大小</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="14">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">字体颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">指示器类型</div>
                                        <div class="layui-col-md8">
                                            <select>
                                                <option value="">直线指示器</option>
                                                <option value="">阴影指示器</option>
                                                <option value="">十字准星指示器</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">线条宽度</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="1">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">线条颜色</div>
                                        <div class="layui-col-md3">
                                            <input  class="mycolor colorPicker evo-cp0" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">边距设置</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">
                                            <i class="iconfont">&#xe616;</i><span>是否包含标签</span>
                                        </div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">距离容器左侧距离</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="60">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">距离容器右侧距离</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="60">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">距离容器顶部距离</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="60">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">距离容器底部距离</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="60">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">图表位置及尺寸</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">图表横坐标</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="103">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">图表纵坐标</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="24">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">图表宽度</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="582">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                    <div class="layui-row">
                                        <div class="layui-col-md4">图表高度</div>
                                        <div class="layui-col-md6">
                                            <input type="text" value="322">
                                        </div>
                                        <div class="layui-col-md2">像素</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">图表名称</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">模块名称</div>
                                        <div class="layui-col-md8">
                                            <input type="text" value=""/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-colla-item">
                            <h2 class="layui-colla-title">组件动画配置</h2>
                            <div class="layui-colla-content">
                                <div class="layui-fluid">
                                    <div class="layui-row">
                                        <div class="layui-col-md4">是否开启动画</div>
                                        <div class="layui-col-md8">
                                            <input type="checkbox" name="check-1" value="4" class="lcs_check"
                                                   autocomplete="off"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
    </div>`);
    $('.tab-item').append(rig);
    layui.use('element', function () {
        var element = layui.element;
        element.render();
    })

}

// 标题
var i = 0;

function textAll(TitleId, RigId) {
    // 标题是否显示
    $('input').lc_switch();
    $('body').delegate('.lcs_check', 'lcs-statuschange', function () {
        var status = ($(this).is(':checked')) ? 'checked' : 'unchecked';
        console.log('field changed status: ' + status);
        if(status == 'unchecked'){
            $('#'+TitleId).text('');
        }else{
            $('#'+TitleId).text($('#'+RigId).find('.inputText').val())
        }
    });
    console.log(TitleId, RigId);
    var Title = $('.rigc-title').find('.Title');
    $('.Title').css('display','none');
    for (var x = 0; x < Title.length; x++) {
        $('#' + RigId).show();
    }
    // 标题内容
    var inputText = $('#'+RigId).find('.inputText').val();
    $('#'+TitleId).text(inputText);
    // 水平位置
    var inputAlign = $('#'+RigId).find('.inputAlign').val();
    if (inputAlign == 'alignCenter') {
        $('#'+TitleId).css({'position': 'absolute', 'left': '45%'});
    } else if (inputAlign == 'alignRight') {
        $('#'+TitleId).css({'position': 'absolute', 'left': '80%'});
    } else {
        $('#'+TitleId).css({'position': 'absolute', 'left': '0.2rem'});
    }
    // 垂直位置
    var inputVAlign = $('#'+RigId).find('.inputVAlign').val();
    if (inputVAlign == 'valignCenter') {
        $('#'+TitleId).css({'position': 'absolute', 'top': '50%'});
    } else if (inputVAlign == 'valignBottom') {
        $('#'+TitleId).css({'position': 'absolute', 'top': '90%'});
    } else {
        $('#'+TitleId).css({'position': 'absolute', 'top': '0.7rem'});
    }
    // 字体大小
    var inputSize = $('#'+RigId).find('.inputSize').val();
    $('#'+TitleId).css('font-size', inputSize + 'px');


    // 字体颜色
    $(".mycolor").colorpicker({
        // 隐藏旁边的色板
        hideButton: true,
        // 本地化调色板插件语言
        strings: "主题颜色,标准颜色,web颜色,主题颜色,返回调色板,历史记录, 没有历史记录.",
        // 允许选择透明颜色
        transparentColor: true
    });
    $('#inputColor').on("change.color", function (event, color) {
        $('#'+TitleId).css('color', color);
        $('#inputColor').css('background-color', color);
        $('#inputColor').val('')
    });

    console.log('a', $('#'+TitleId));

}